<script setup>
import { RouterLink } from "vue-router";
</script>

<template>
  <!-- 功能 -->
  <div class="function">
    <ul>
      <li @click="$router.push('/')">
        聊天
      </li>
      <li @click="$router.push('/contactList')">
        通讯录
      </li>
      <li @click="$router.push('/friendsCircle')">
        <p>朋友圈</p>
      </li>
      <li @click="$router.push('/peronalCenter')">
        个人
      </li>
    </ul>
  </div>
</template>

<style scoped lang="scss">
.function {
  width: 100vw;
  ul {
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    li {
      padding: 20px;
    }
  }
}
</style>
